a{
  color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
}

a:hover{
  color: #000;
  text-decoration: underline;
}

a:hover::after{
  animation: in 0.2s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes in {
  0%{
    margin-left: 0.25rem;
  }
  100%{
    margin-left: 0.5rem;
  }
}

.arrow::after{
  content: '';
  position: relative;
  display: inline-block;
  border-top: 0.5rem solid transparent;
  border-bottom:0.5rem solid transparent;
  border-left: 0.5rem solid #252729;
  height: 0;
  width: 0;
  top: -1px;
  margin-left: 0.25rem;
  transition: transform 200ms cubic-bezier(0.694, 0.0482, 0.335, 1);
}
